<template>
	<div>
		<CustomDialog
			:title="state.dialog.title"
			v-model:visible="state.dialog.isShowDialog"
			dialogWidth="900px"
			@close="handleClose"
			:dialogFooterBtn="true"
		>
		</CustomDialog>
	</div>
</template>

<script setup lang="ts">
import { reactive } from 'vue';

const state = reactive({
	data: {} as any,
	dialog: {
		isShowDialog: false,
		type: '',
		title: '用户购物车',
		submitTxt: '',
	},
});

const handleClose = () => {
	state.dialog.isShowDialog = false;
};

const open = (id: any) => {
	console.log('id: ', id);
	state.dialog.isShowDialog = true;
};

defineExpose({ open });
</script>

<style scoped lang="scss"></style>
